<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#box1{
				width: 700px;height: 500px;background: yellowgreen;
			}
			#box2{
				width: 700px;height: 500px;background: greenyellow;
			}
			
			#box1:target{
				background: red;font-size: 100px;color: green;
			}
			#box2:target{
				background: orange;font-size: 200px;color: blue;
			}
		</style>
	</head>
	<body>
		<a href="#box1">11111111</a>
		<a href="#box2">22222222</a>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<div id="box1">divbox1</div>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<div id="box2">divbox2</div>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
		<br>
	</body>
</html>
<!-- 
目标伪类选择器:target 选择器可用于选取当前活动的目标元素。	使用该选择器来对页面中的某个target元素（该元素的id当做页面中的超链接来使用）指定样式
	该样式只在用户点击了页面中的超链接，并且跳转到target元素后起作用。 
-->